<script setup lang="ts">
import { ref } from 'vue'
import Son from './Son.vue'

// vue2中使用.sync修饰符是给子组件放权
// 1. 父组件将数据传递给子组件   <Son :属性名.sync="属性"></Son>
// 2. 子组件正常接收
// 3. 子组件通知父组件的自定义事件 叫 update:属性
// ------------------
// 在vue3中.sync修饰符被废弃了
// 1. 父组件将数据传递给子组件   <Son v-model:属性名="属性"></Son>
// 2. 子组件正常接收
// 3. 子组件通知父组件的自定义事件 叫 update:属性
const money = ref(100)
</script>
<template>
  <div style="border: 1px solid #000; padding: 20px">
    我是父组件
    <!-- <Son :money="money" @cut="cutMoney"></Son> -->
    <Son v-model:money="money"></Son>
  </div>
</template>

<style scoped></style>
